 <template>
  <x-border title="我的钱包" type="brand" icon="flaticon-bag">
    <div class="account-wallet">
      <div class="account-card">
        <ul>
          <li v-for="(item,index) in viewModel.accountList" :key="index">
            <p class="p1">{{item.amount}}</p>
            <p class="p2">冻结：{{item.freezeAmount}}</p>
            <p class="p3">{{item.moneyName}}</p>
          </li>
        </ul>
      </div>
    </div>
  </x-border>
</template>
 <script>
  import ala from 'ala'
  export default {
    data () {
      return {
        viewModel: ''
      }
    },
    mounted () {
      this.init()
    },
    methods: {
      async init () {
        var paras = {
          id: this.$ala.urlId()
        }
        var repone = await this.$ala.httpGet('api/Account/DetailEdit', paras)
        if (repone.status !== 1) {
          this.$ala.warn(repone.messgae)
          return
        }
        this.viewModel = repone
      }
    }
  }
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
  @import "./style.scss";
</style>
 
